<%@ page language="java"  pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   
    
    <title>My JSP 'updateRole.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
    <link  rel="stylesheet" type="text/css" href="../table.css"/>
    <script type="text/javascript" language="javascript" src="../table.js" >
   </script>
	
	 <style type="text/css">
  body{
		margin: 6px;
		padding: 0;
		font-size: 12px;
		font-family: tahoma, arial;
		background: #fff;
		text-align: center
		
}

table{
		width: 80%;
}
tr.odd{
		background: #fff;
	}
	tr.even{
		background: #eee;
}

div.datagrid_div{
	width: 100%;
	border: 1px solid #999;
}



	/*****************样式2*******************/
	table.datagrid2{
		border-collapse: collapse; 
		margin:auto;
	}
	table.datagrid2 th{
		text-align: left;
		background: #9cf;
		padding: 3px;
		border: 1px #333 solid;
		font-family: "宋体",Arial, sans-serif;
		font-size:14px;
	}
	table.datagrid2 td{
		padding: 3px;
		border: none;
		border:1px #000000 solid;
		font-family: "宋体",Arial, sans-serif;
		font-size:12px;

	}


	/*****************样式5*******************/
	table.datagrid5{
		border-collapse: collapse; 
		margin:auto;
		width:30%;
		
	}
	table.datagrid5 th{
		text-align: left;
		background: #9cf;
		padding: 3px;
		border: 1px #333 solid;
		font-family: "宋体",Arial, sans-serif;
		font-size:14px;
	}
	table.datagrid5 td{
		padding: 3px;
		border: none;
		border:1px #333 solid;
		font-family: "宋体",Arial, sans-serif;
		font-size:12px;
		text-align:right;
	}
	
	table.datagrid5 td.right{
		padding: 3px;
		border: none;
		border:1px #333 solid;
		font-family: "宋体",Arial, sans-serif;
		font-size:12px;
		text-align:left;
	}
	
	


	/*****************************************/

   table.datagrid6{
		border-collapse: collapse; 
		margin:auto;
		width:60%;
		border:1px;
	}
	table.datagrid6 th{
		text-align: left;
		background: #9cf;
		padding: 3px;
		border: 1px #333 solid;
		font-family: "宋体",Arial, sans-serif;
		font-size:14px;
	}
	table.datagrid6 td{
		padding: 3px;
		border: none;
		border:1px #333 solid;
		font-family: "宋体",Arial, sans-serif;
		font-size:12px;

	}
   









	tr:hover,
	tr.hover{
		background: #9cf;
	}

    a:link { 
     font-weight: bold; 
     text-decoration: none; 
     color: #6C6C6C;
 }
   a:visited { 
     font-weight: bold; 
     text-decoration: none; 
     color: #6C6C6C;
 }
  a:hover, a:active { 
    text-decoration: underline; 
    color: #4A4AFF;
 } 
  </style>
  
  <script type="text/javascript"> 
  function add_event(tr){
			tr.onmouseover = function(){
				tr.className += ' hover';
			};
			tr.onmouseout = function(){
				tr.className = tr.className.replace(' hover', '');
			};
		}

		function stripe(table) {
			var trs = table.getElementsByTagName("tr");
			for(var i=1; i<trs.length; i++){
				var tr = trs[i];
				tr.className = i%2 != 0? 'odd' : 'even';
				add_event(tr);
			}
		}

		window.onload = function(){
			var tables = document.getElementsByTagName('table');
			
			for(var i=0; i<tables.length; i++){
				var table = tables[i];
				if(table.className == 'datagrid1' || table.className == 'datagrid2'
					|| table.className == 'datagrid3' || table.className == 'datagrid4'){
					stripe(tables[i]);
				}
			}
		}		
	
  </script>


  </head>

  <body>
  <br><br>
    <h5 align="center">修改用户角色</h5>
    <table class="datagrid5">
    <form  action="../role" theme="simple">
      <input type="hidden" name="action" value="update" />
      <input type="hidden" name="id" value="${sessionScope.role.id}"/>
    <tr>
      <td align="right"><font size=2">原角色名称:</font>&nbsp;&nbsp;</td><td class="right">${sessionScope.role.roleName}</td>
    </tr>
    
    <tr>
    <td align="right"><font size=2">新的角色名称:</font>&nbsp;&nbsp;</td><td class="right"><input type="text" name="newRoleName"   size="32"/></td>
    </tr>
    
    <tr>
    <td  align="right"><font size=2">原来角色描述:</font>&nbsp;&nbsp;</td><td class="right">${sessionScope.role.roleDesc}</td>
    </tr>
    
    
    <tr>
    <td align="right"><font size=2">新的角色描述:</font>&nbsp;&nbsp;</td><td class="right"><textarea name="newRoleDesc" cols="32"></textarea></td>
    </tr>
    
    <tr>
     <td colspan="2" >
         <center>
           <input type="submit" value="确定" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           <input type="reset" value="取消" />
         </center>
      </td>
    </tr>
    
    </form>
    </table>
  </body>
</html>
